<template>
    <div class="child">
       <h2> 我是子组件</h2>
      <h3>我的玩具是:{{ toy }}</h3>
      <button @click="showToy">点击给父亲展示我的玩具</button>
    </div>
</template>
<script setup lang="ts">
import {  ref } from 'vue';
    let toy=ref('芭比娃娃')
    // defineEmits如果不加参数表示任何方法都可以触发
const emit=defineEmits(['sendToy'])
console.log(emit,'llll');
function showToy()
{
    emit('sendToy',toy)
}
</script>
<style lang="css" scoped>
    .child{
        width: 700px;
        height: 180px;
        padding:10px;
        background-color: antiquewhite;
    }
</style>